import * as React from "react";

import { IconProps } from "..";
import "../index.scss";

export const Settings: React.FunctionComponent<IconProps> = props => {
  const size = props.size ? props.size : "16";
  const color = props.color ? props.color : "#7a7a7a";

  return (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M12.2635 8.5644L12.2301 8.84253L12.4499 9.01624L13.6635 9.97549L12.5385 11.923L11.0984 11.3441L10.836 11.2386L10.6104 11.4091C10.311 11.6355 9.98846 11.828 9.64296 11.9691L9.37708 12.0776L9.33684 12.3619L9.11919 13.9H6.87263L6.65498 12.3619L6.61474 12.0776L6.34886 11.9691C6.00185 11.8274 5.6878 11.6425 5.38293 11.4103L5.15698 11.2381L4.89341 11.3441L3.45327 11.923L2.32881 9.97629L3.55569 9.01802L3.78825 8.83637L3.74163 8.54498C3.71415 8.37323 3.69991 8.18376 3.69991 7.99998C3.69991 7.82785 3.72 7.64018 3.74963 7.45497L3.79625 7.16358L3.56369 6.98193L2.33681 6.02366L3.46127 4.07694L4.90141 4.65589L5.16385 4.76139L5.38946 4.59081C5.68879 4.36448 6.01135 4.17192 6.35686 4.0309L6.62274 3.92238L6.66298 3.63803L6.88063 2.09998H9.12719L9.34484 3.63803L9.38508 3.92238L9.65096 4.0309C9.99797 4.17254 10.312 4.35741 10.6169 4.58969L10.8428 4.76185L11.1064 4.65589L12.5465 4.07694L13.671 6.02366L12.4441 6.98193L12.2116 7.16358L12.2582 7.45497C12.2857 7.62719 12.2999 7.8087 12.2999 7.99998C12.2999 8.19138 12.2857 8.37889 12.2635 8.5644Z"
        stroke={color}
      />
      <circle cx="8" cy="8" r="1.5" stroke={color} />
    </svg>
  );
};
